#detail
  display: none
  @media mq-normal
    display: block
.detail-head
    margin-bottom: 30px
    margin-top: 30px
    text-align: center

    h1
        margin-top: 10px
        margin-bottom: 10px
        font-size: 30px
        font-weight: 200
        color: #0089d7

.detail-body
    display: flex
    height: 500px
    max-width: max-width
    width: 100%
    justify-content: center
    margin-bottom: 50px

.detail-list
    width: 200px

.detail-item
    margin-top: 40px
    height: 100px
    width: 200px
    text-align: center

    i
        color: #0089d7
        font-size: 40px
    
    h1
        font-size: 18px;
        margin-top: 5px;

    p
        color: #aeaeae;
        font-size: 13px;
        margin-top: 5px

.detail-content
    height: 100%
    text-align: center
    max-width: 800px
    flex-grow: 1
    display: flex
    align-items: center
    justify-content: center

    img
        width: 600px
        height: auto
        